/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
function _goto_tab(o){
    var index=$(o).data("tabIndex");
    $(".tab",$(o).parents(".etabs")[0]).hide();
    $(".tab.t-"+index,$(o).parents(".etabs")[0]).show();
    
    $(o).parent().find('li.hover').removeClass('hover');
    $(o).addClass('hover');
}
function _addtab(o){
    var index=Math.floor(Math.random()*10000);
    if(!confirm("Add new tab?")) return;
    var i=Math.random()
    $(o).parents(".etabs")
        .find('li.hover')
        .removeClass('hover');
    $(o).before('<li class="hover mceNonEditable" data-tab-index="'+index+'" data-mce-contenteditable="false" onclick="_goto_tab(this)">\
                    <span class="mceEditable" data-mce-contenteditable="true">newtab</span>\
                </li>');
    $(".tab",$(o).parents(".etabs")).hide();
    $(o).parents(".etabs")
        .find('.tab-content')
        .append('<div class="tab mceNonEditable t-'+index+'" data-mce-contenteditable="false" style="display:block">\
                    <div data-mce-contenteditable="false" class="paragraph mceNoneEditable">\
                        <div data-mce-contenteditable="true" class="paragraph mceEditable">Tab content here...</div>\
                    <div>\
                </div>');
}

